//监听手机横屏
//function resize() {
//	var body = document.getElementsByTagName('body')[0];
//	var html = document.getElementsByTagName('html')[0];
//	var width = html.clientWidth;
//	var height = html.clientHeight;
//	var max = width > height ? width : height;
//	var min = width > height ? height : width;
//	body.style.width = max + "px";
//	body.style.height = min + "px";
//}
//resize();
//window.addEventListener("resize", resize)
//加载图片
//var loader = new resLoader({
//	resources: [
//		'http://p2.qhimg.com/t01ed1438874f940dc0.jpg',
//		'http://p9.qhimg.com/t01b4ff03b72c7dc6c7.jpg',
//		'http://p2.qhimg.com/t01dd90dfbec92074d0.jpg',
//		'http://p7.qhimg.com/t01cfec6d87cde457c5.jpg',
//		'http://p9.qhimg.com/t01943ced462da67833.jpg',
//		'http://p0.qhimg.com/t01943ced462da67833.jpg',
//		'http://p6.qhimg.com/t01aa15a7ba7ccb49a7.jpg',
//		'http://p8.qhimg.com/t010f1e8badf1134376.jpg',
//		'http://p8.qhimg.com/t01cf37ea915533a032.jpg',
//		'http://p3.qhimg.com/t0193d8a3963e1803e9.jpg',
//		'http://p3.qhimg.com/t01cd6a4d4b4bd4457b.jpg'
//	],
//	onStart: function(total) {
//		console.log('start:' + total);
//	},
//	onProgress: function(current, total) {
//		console.log(current + '/' + total);
//		var percent = Math.floor(current / total * 100);
//		$('.loadings .loadTxt').text(percent+"%");
//	},
//	onComplete: function(total) {
//		setTimeout(()=>{
//			$('.loadings').css('display','none')
//			$('#index_web').css('display','block')
//		},1000)
//	}
//});
//
//loader.start();
//强制手机横屏
const width = document.documentElement.clientWidth;
const height = document.documentElement.clientHeight;
if(width < height) {
	console.log(width + " " + height);
	const contentDOM = document.getElementById('index_web');
	contentDOM.style.width = height + 'px';
	contentDOM.style.height = width + 'px';
	contentDOM.style.top = (height - width) / 2 + 'px';
	contentDOM.style.left = 0 - (height - width) / 2 + 'px';
	contentDOM.style.transform = 'rotate(90deg)';
}

//文字循环
//var cons = $('.loading .con');
//var i = 0;
//setInterval(function() {
//	if(i < cons.length) {
//		$('.loading .btm_content').find('.con').eq(i).addClass('block').siblings().removeClass('block');
//		i++;
//	} else if(i == cons.length) {
//		i = 0;
//		$('.loading .btm_content').find('.con').addClass('hidden');
//	}
//}, 2000)

//获取图片的尺寸
var imgWidth = $('.bg_img').innerWidth();
var imgheight = $('.bg_img').innerHeight();
console.log(imgheight)

function createMarker(x, y) {
	var div = document.createElement('bg_img');
	div.className = 'marker';
	div.style.left = x + 'px';
	div.style.top = y + 'px';
	document.getElementById('clickdiv').appendChild(div)
}
document.querySelector('.content').onclick = function(e) {
	e = e || window.event;
	var x = e.offsetX || e.layerX,
		y = e.offsetY || e.layerY;
	createMarker(x, y);
	console.log(x, y)
}